<template>
	<div class="bg-white">
		<Form :label-width="80">
			<Row>
				<Col :xs="12" :sm="12" :md="12" :lg="12" :xl="12" :xxl="12">
					<FormItem class="w-50" label="编号">
						<Input v-model="client.clientid" disabled></Input>
					</FormItem>
					<FormItem class="w-50" label="OPENID">
						<Input v-model="client.openid" disabled></Input>
					</FormItem>
					<FormItem class="w-50" label="昵称">
						<Input v-model="client.nickname" disabled></Input>
					</FormItem>
					<FormItem class="w-50" label="性别">
						<div>
							<span v-if="client.sex == '1'">男</span>
							<span v-if="client.sex == '2'">女</span>
						</div>
					</FormItem>
					<FormItem class="w-50" label="年龄">
						<Input v-model="client.age" disabled></Input>
					</FormItem>
					<FormItem class="w-50" label="头像">
						<img style="width: 50px; height: 50px;" :src="client.headimg" />
					</FormItem>
					<FormItem class="w-50" label="电话">
						<Input v-model="client.tel" disabled></Input>
					</FormItem>
				</Col>
			</Row>
		</Form>


	</div>
</template>

<script>
	export default {
		data() {
			return {
				client: {
					clientid: "",
					openid: "",
					nickname: "",
					sex: "",
					age: "",
					headimg: "",
					from: "",
					tel: "",
				
				},
			}
		},
		created: function() {
			this.client.clientid = this.$route.query.id;
			this.loadData();
		},
		mounted: function() {},
		methods: {
			loadData: function() {
				return this.http.get({
					url: "/client/info",
					param: {
						clientid: this.client.clientid
					}
				}).then(res => {
					this.client = res;
				});
			},
			
		},
	}
</script>

<style>
</style>